<script>
		
			$(document).ready(function(){
    			 try {
    					   
    					$('#accordion').accordion();
    					$('.tabbed').each(function(){
    						$(this).createTabs();
    					});
    				} catch (e) {
    					window.setTimeout(function(){
    						
    						$('#accordion').accordion();
    						$('.tabbed').each(function(){
    							$(this).createTabs();
    						});
    					}, 100);
    				}
             
             
				Overlay = new Overlay();
				$('#add_member').click(function(){
					modal2 = Overlay.panel_ext();
					modal2.open({title:"Add Member ",width:800,url:"<?php echo ROOT_URL."index.php/member/add_member" ?>"});
				});
								
				
				
			});
</script>

<div id="content-wrapper" class="container_12" role="main">
				
				<!-- Start of the main content -->
				<div id="main_content">
				
					<h2 class="grid_12"><?php echo __("Quản trị thành viên ")?></h2>
					<div class="clean"></div>
                    
<div class="grid_8">
						<div class="box tabbed" id="shortcuts-steps">
							<div class="header no-icon">
								<h3><?php echo __("Bảng điều khiển  "); ?></h3>
								
							</div>
							
							<div class="content">
								<ul class="shortcuts tab-content" id="shortcuts" style="display: block;">
									<li>
										<div class="shortcut-icon">
											<img width="25" height="25" src="<?php echo THEME_PATH."/".$userCurrentTheme ?>img/icons/25x25/blue/user.png">
											<div class="divider"></div>
										</div>
										<a href="#" id="add_member" class="shortcut-description"> <strong><?php echo __("Thêm mới "); ?></strong> <span><?php echo __("Thêm mới thành viên "); ?></span> </a>
									</li>
									<li>
										<div class="shortcut-icon">
											<img width="25" height="25" src="img/icons/25x25/blue/chart-3.png">
											<div class="divider"></div>
										</div>
										<a href="<?php echo ROOT_URL."index.php/member/list_member";?>" class="shortcut-description"> <strong>Danh sách </strong> <span>Your
											description here.</span> </a>
									</li>
                                     
                                     
                                   
                                    
                                            									
								</ul> <!-- End of #shortcuts -->
								
								
							</div> <!-- End of .content -->
						</div> <!-- End of .box -->
					</div>
<div class="grid_4">
						<div class="box tabbed" id="blocks">
							<div class="header no-icon">
								<h3>Block Lists</h3>
								<ul>
									<li class="current">
										<a href="#block-list">Without Icons</a>
									</li>
									<li>
										<a href="#block-list-icons">With Icons</a>
									</li>
								</ul>
							</div>
							<div class="content">
								<ul class="block-list tab-content" id="block-list" style="display: block;">
									<li>
										<strong>Without icons</strong>
									</li>
									<li>
										Lorem ipsum
									</li>
									<li>
										Lorem ipsum
									</li>
									<li>
										Lorem ipsum
									</li>
									<li>
										Lorem ipsum
									</li>
								</ul>

								<ul class="block-list with-icon tab-content" id="block-list-icons" style="display: none;">
									<li class="i-16-calendar">
										<strong>With icons</strong>
									</li>
									<li class="i-16-application">
										Lorem ipsum
									</li>
									<li class="i-16-balloon">
										Lorem ipsum
									</li>
									<li class="i-16-chart">
										Lorem ipsum
									</li>
									<li class="i-16-drive">
										Lorem ipsum
									</li>
								</ul>
							</div> <!-- End of .content -->
						</div> <!-- End of .box -->
					</div>
     <div class="clear"></div>
</div>
</div>